import React from 'react';
import {UserOutlined} from '@ant-design/icons';
import styles from './index.less';
import {Avatar, Dropdown, Menu} from 'antd';
import {createIconUtl} from "@/utls/iconfont/create-icon.utl";

const UserIcon = () => {
    const menu: React.ReactNode = (
        <Menu>
            <Menu.Item key={'home'}>首页</Menu.Item>
            <Menu.Item key={'userinfo'}>个人信息</Menu.Item>
            <Menu.Item key={'modifyPassword'}>修改密码</Menu.Item>
            <Menu.Divider></Menu.Divider>
            <Menu.Item key={'logout'}>推出登录</Menu.Item>
        </Menu>);
    return (
        <div className={`${styles['user-icon-container']} iconfont-size`}>
            <Dropdown
                arrow
                overlay={menu}
                trigger={['click']}
                placement={'bottom'}>
                {createIconUtl('icon-hairstylestyle')}
            </Dropdown>
        </div>
    );
};
export default UserIcon;
